<form accept-charset="utf-8" method="post" enctype="multipart/form-data">
    <aside class="right-side">
        <!-- BEGIN: Content Header (Page header) -->
        <section class="content-header">
            <h1>
                <small>Cập nhật User</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="http://demo011.ioi.vn/vn/tsmedia/home/"><i class="fa fa-dashboard"></i> Trang chủ</a></li>
                <li><a href="http://demo011.ioi.vn/vn/tsmedia/user/">Danh sách User</a></li>
                <li class="active">Cập nhật User</li>
            </ol>
        </section>
        <!-- END: Content Header (Page header) -->

        <!-- BEGIN: Main content -->
        <section class="content">
            <div class="row">
                <!-- BEGIN: Box Left-->
                <div class="col-md-6">
                    <div class="box box-primary">
                        <!-- BEGIN: Box-Header -->
                        <div class="box-header">
                            <i class="fa fa-info-circle"></i>

                            <h3 class="box-title">Tài khoản</h3>
                            <!-- BEGIN: Box Tools -->
                            <div class="pull-right box-tools">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fa fa-save"></i>
                                    <span>Lưu</span>
                                </button>
                            </div>
                            <!-- END: Box Tools -->
                        </div>
                        <!-- END: Box-Header -->

                        <!-- BEGIN: Box-Body-->
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
                                        <input type="text" id="user_username" readonly class="required form-control" name="user_username"
                                               value="demo" placeholder="Tài khoản">
                                    </div>
                                </div>
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                                        <input type="text" id="user_email" readonly name="user_email" value="demo@gmail.com"
                                               class="required form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-key"></i></span>
                                        <input type="password" id="user_password" class="required form-control" name="user_password"
                                               value="fe01ce2a7fbac8fafaed7c982a04e229" placeholder="Mật khẩu">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <div class="form-group">
                                        <label class="control-label">Trạng thái</label>

                                        <div class="controls">
                                            <input type="radio" value="1" checked  name="user_status">
                                            <i class="fa fa-eye"></i> Hiển thị                                    <input type="radio" value="0"  name="user_status">
                                            <i class="fa fa-eye-slash"></i> Ẩn                                </div>
                                    </div>
                                </div>
                                <div class="col-md-6 form-group">
                                    <label class="control-label">Quyền</label>

                                    <div class="controls">
                                        <select class="form-control" name="user_level">
                                            <option value="1">-Quyền-</option>
                                            <option selected value="1">Administrator</div><option  value="2">Editor</div>                                </select>
                                    </div>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Ảnh đại diện</label>
                                <div class="controls">
                                    <span class="btn btn-success fileinput-button btn-sm">
                                        <span>Chọn file ...</span>
                                        <input id="user_logo" type="file" multiple="" name="files[]">
                                    </span>
                                    <div class="progress-ts">
                                        <i class="fa fa-upload"></i>
                                        <div id="progress_picture" class="progress sm progress-striped active">
                                            <div class="progress-bar progress-bar-success bar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="20" role="progressbar"> </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END: Box-Body-->
                    </div>
                </div>
                <!-- BEGIN: Box Left-->

                <!-- BEGIN: Box Right-->
                <div class="col-md-6">
                    <div class="box box-info">
                        <!-- BEGIN: Box-Header -->
                        <div class="box-header">
                            <i class="fa fa-info"></i>

                            <h3 class="box-title">Thông tin cá nhân</h3>
                        </div>
                        <!-- END: Box-Header -->

                        <!-- BEGIN: Box-Body-->
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
                                        <input type="text" id=" user_last_name" name="user_last_name" value="demo"
                                               class="required form-control" placeholder="Họ ">
                                    </div>
                                </div>
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
                                        <input type="text" id=" user_first_name" name="user_first_name" value="demo"
                                               class="form-control" placeholder="Tên">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-calendar datepicker"></i></span>
                                        <input type="text" class="form-control" name="user_birthday" id="user_birthday" value="" placeholder="Ngày sinh" >
                                    </div>
                                </div>
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <div class="controls" style="line-height: 34px;">
                                            <input type="radio" value="1" checked                                           name="user_gender"><i class="fa fa-male"></i> Nam                                    <input type="radio" value="0"                                            name="user_gender"><i class="fa fa-female"></i> Nữ                                    <input type="radio" value="-1"                                            name="user_gender"><i class="fa fa-child"></i> Khác                                </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-home"></i></span>
                                        <input type="text" id="user_address" name="user_address" value=""
                                               class="form-control" placeholder="Địa chỉ">
                                    </div>
                                </div>
                                <div class="col-md-6 form-group">
                                    <div class="controls">
                                        <select class="form-control" name="user_city">
                                            <option value="1">-Chọn tỉnh thành-</option>
                                            <option  value="2">Hà nội</div><option  value="3">Hồ Chí Minh</div><option  value="4">Đã Nẵng</div><option  value="5">Đăk Lăk</div><option  value="6">Hải Phòng</div><option  value="7">Cần Thơ</div><option  value="8">An Giang</div><option  value="9">Bà Rịa - Vũng Tàu</div><option  value="10">Bắc Giang</div><option  value="11">Bắc Cạn</div><option  value="12">Bạc Liêu</div><option  value="13">Bắc Ninh</div><option  value="14">Bến Tre</div><option  value="15">Bình Định</div><option  value="16">Lâm Đồng</div><option  value="17">Đồng Nai</div><option  value="18">Biên Hòa</div><option  value="19">Bình Dương</div><option  value="20">Bình Phước</div><option  value="21">Bình Thuận</div><option  value="22">Cà Mau</div><option  value="23">Cao Bằng</div><option  value="24">Đắk Nông</div><option  value="25">Điện Biên</div><option  value="26">Đồng Tháp</div><option  value="27">Gia Lai</div><option  value="28">Hà Giang</div><option  value="29">Hà Nam</div><option  value="30">Hà Tây</div><option  value="31">Hà Tĩnh</div><option  value="32">Hải Dương</div><option  value="33">Hòa Bình</div><option  value="34">Hậu Giang</div><option  value="35">Hưng Yên</div><option  value="36">Khánh Hòa</div><option  value="37">Kiên Giang</div><option  value="38">Kon Tum</div><option  value="39">Lai Châu</div><option  value="40">Lào Cai</div><option  value="41">Lạng Sơn</div><option  value="42">Long An</div><option  value="43">Nam Định</div><option  value="44">Nghệ An</div><option  value="45">Ninh Bình</div><option  value="46">Ninh Thuận</div><option  value="47">Phú Thọ</div><option  value="48">Phú Yên</div><option  value="49">Quảng Bình</div><option  value="50">Quảng Nam</div><option  value="51">Quảng Ngãi</div><option  value="52">Quảng Ninh</div><option  value="53">Quảng Trị</div><option  value="54">Sóc Trăng</div><option  value="55">Sơn La</div><option  value="56">Tây Ninh</div><option  value="57">Thái Bình</div><option  value="58">Thái Nguyên</div><option  value="59">Thanh Hóa</div><option  value="60">Thừa Thiên - Huế</div><option  value="61">Tiền Giang</div><option  value="62">Trà Vinh</div><option  value="63">Tuyên Quang</div><option  value="64">Vĩnh Long</div><option  value="65">Vĩnh Phúc</div><option  value="66">Yên Bái</div>                                </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-phone"></i></span>
                                        <input type="text" id="user_phone" name="user_phone" value=""
                                               class="form-control" placeholder="Điện thoại">
                                    </div>
                                </div>
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-mobile-phone"></i></span>
                                        <input type="text" id="user_hotline" name="user_hotline" value=""
                                               class="form-control" placeholder="Di động">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-skype"></i></span>
                                        <input type="text" id="user_skype" name="user_skype" value=""
                                               class="form-control" placeholder="Nick Skype">
                                    </div>
                                </div>
                                <div class="col-md-6 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-yahoo"></i></span>
                                        <input type="text" id="user_yahoo" name="user_yahoo" value=""
                                               class="form-control" placeholder="Nick Yahoo">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-facebook"></i></span>
                                        <input type="text" id="user_facebook" name="user_facebook" value=""
                                               class="form-control" placeholder="Nick Facebook">
                                    </div>
                                </div>
                                <div class="col-md-4 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-google-plus"></i></span>
                                        <input type="text" id="user_google" name="user_google" value=""
                                               class="form-control" placeholder="Nick Google Plus">
                                    </div>
                                </div>
                                <div class="col-md-4 form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-twitter"></i></span>
                                        <input type="text" id="user_twitter" name="user_twitter" value=""
                                               class="form-control" placeholder="Nick Twitter">
                                    </div>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Bài giới thiệu</label>
                                <div class="controls">
                                    <textarea id="user_intro" name="user_intro" class="textarea" placeholder="Nhập nội dung"
                                              style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                                </div>
                            </div>
                        </div>
                        <!-- END: Box-Body-->

                        <!-- BEGIN: Box-Footer-->
                        <div class="box-footer text-center">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-save"></i>
                                <span>Lưu</span>
                            </button>
                            <button type="reset" class="btn btn-danger">
                                <i class="fa fa-refresh"></i>
                                <span>Nhập lại</span>
                            </button>
                        </div>
                        <!-- END: Box-Footer-->
                    </div>
                </div>
                <!-- END: Box Right-->
            </div>
        </section>
        <!-- END: Main content -->
    </aside>
</form>


<!--begin time-->
<script src="http://demo011.ioi.vn/public/backend/js/jquery.inputmask.js" type="text/javascript"></script>
<script src="http://demo011.ioi.vn/public/backend/js/jquery.inputmask.date.extensions.js" type="text/javascript"></script>
<script src="http://demo011.ioi.vn/public/backend/js/jquery.inputmask.extensions.js" type="text/javascript"></script>
<script type="text/javascript" src="http://demo011.ioi.vn/public/backend/js/jquery-ui.min.js"></script>
<link type="text/css" rel="stylesheet" href="http://demo011.ioi.vn/public/backend/css/jquery-ui.css" media="screen" />
<script type="text/javascript">
    $(document).ready(function() {
        $("#user_birthday").datepicker();
        $("#user_birthday").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
    });
</script>